.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

.header{
    display: flex;
     .px2rem(height, 90);
     height: 90px;
     align-items: center;
     background: linear-gradient(top,#f50000,#b40000);
     
     .left{
         .px2rem(padding-left, 20);
//       padding-left: 20px;
     }
     .center{
         flex: 1;
         .px2rem(font-size, 40);
         text-align: center; 
         color: white; 
     }
     
    
}

.section{
    .px2rem(margin-top, 30);
//  margin-top: 30px;
    .textarea{
            textarea{
                display: block;
                .px2rem(font-size, 36);
                .px2rem(height, 220);
                .px2rem(padding-top, 150);
                .px2rem(border-radius, 10);
//              font-size: 36ox;
                width: 90%;
//              height: 220px;
                margin: 0 auto;
                text-align: center;
//              padding-top: 150px;
                border: 1px solid darkgray;
//              border-radius: 10px;
           
            }
    
    }
    
    
    .input{
        .px2rem(margin-top, 30);
        .px2rem(margin-bottom, 30);
//      margin:30px auto;
        text-align: center;
        .px2rem(border-radius, 5);
//      border-radius: 5px;
        border: 1px solid darkgray;
        width: 50%;
        input{
            width: 100%;
            .px2rem(font-size, 32);
            .px2rem(height, 40);
            .px2rem(line-height, 40);
//          font-size: 32px;
//          height: 40px;
//          line-height: 40px;
            text-align: center;
            .px2rem(padding-top, 5);
            .px2rem(padding-bottom, 5);
//          padding: 5px 0px;
            color: #A0A0A0;
            border: none;
            outline: none;
        }
       
        
    }
    
    
}


















